<!-- 账号设置 -->
<template>
  <div style="width: 100%;height: 500px;background-color: #F5F6FA; padding-left: 20px">

    <div style="height: 30px; padding-top: 15px">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item><span style="color: #BDBEC0">其他管理</span></el-breadcrumb-item>
        <el-breadcrumb-item><span style="color: #BDBEC0">账号设置</span></el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <el-card style="background-color: #FFFFFF; position: relative">
      <div>
        <h1 style="">账号设置</h1>
      </div>

      <div>

        <div style="margin-left: 50px">
          <p>用户名</p>
          <p>角色</p>
          <p>真实姓名</p>
          <p>修改登录密码</p>
          <p>语言</p>
        </div>

        <div style="margin-left: 20px;position: absolute;left: 200px;top: 65px">
          <p>zhangsan123</p>
          <p>超级管理员</p>
          <input type="text" value="张三哥" style="display: block;margin: 16px 0" >
          <input type="button" value="修改" style="display: block;margin: 16px 0 10px 0">
          <el-radio-group v-model="radio1" style="margin: 0 auto">
            <el-radio label="1" size="large">中文</el-radio>
            <el-radio label="2" size="large">English</el-radio>
          </el-radio-group>
        </div>

      </div>

      <div style="position: relative; left: 190px;bottom: 0px;">
        <el-button type="primary">保存</el-button>
      </div>
    </el-card>

  </div>
</template>

<script setup>
import { ref } from 'vue'

const radio1 = ref('1')
</script>

<style scoped>

</style>